function i18nInit() {
  var options = {
    lng: localStorage.getItem('lang') || 'zh',
    debug: true,
    resources: {
      zh: {
        translation: zhLocale
      },
      en: {
        translation: enLocale
      }
    }
  }

  $('.lang-group .lang').each(function (i, item) {
    var $this = $(this)
    if($this.attr('data-lang') === options.lng) {
      $this.addClass('active').siblings().removeClass('active')
    }
  })

  $('.lang-group .lang:not(.active)').on('click', function () {
    var lang = $(this).attr('data-lang')
    i18next.changeLanguage(lang, function () {
      localStorage.setItem('lang', lang)
      location.reload()
    })
  })


  i18next.init(options, function (err, t) {
    jqueryI18next.init(i18next, $);
    $('[data-i18n]').localize()
  })
}

i18nInit();
